.qf-modal-layer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(140, 140, 140, 0.78);
    .qf-modal{
        position: absolute;
        top: 100px;
        left: 50%;
        background:white ;
    }
    .qf-modal-default{
        width: 520px;
        margin-left: -200px;
    }
    .qf-modal-small{
        width: 400px;
        margin-left: -260px;
    }
    .qf-modal-middle{
        width: 450px;
        margin-left: -230px;
    }
    .header{
        height: 50px;
        padding: 10px;
    }
    .body{
        padding:5px 20px;
    }
    .footer{
        height: 50px;
        button{
            margin-right: 10px;
            float: right;
            line-height: 10px;
            padding: 10px;
            cursor: pointer;
            height: 40px;
        }
        .confirm{
            background: skyblue;
            border: none;
        }
        .cancel{
            background: rgb(240, 97, 41);
            color: white;
            border: none;
        }
        .delete{
            color: red;
            background: white;
            border: 1px solid orange;
        }
        .btn-small{
            line-height: 5px;
            padding: 5px;
            height: 30px;
        }
    }
    .title{
        float: left;
        margin-top: 10px;
    }
    .close{
        margin-top: 10px;
        float: right;
        cursor: pointer;
    }
}